.search-bar{
    width: 100%;
    height: rem(40px);
    position: absolute;
    display:flex;
    align-items: center;
    justify-content: center;
    padding-top:rem(14px);
    .bar-location{
        margin-right: rem(20px);
        border-radius:rem(13px);
        background-color: rgba(0,0,0,0.33);
        height:rem(28px);
        line-height:rem(28px);
        width: rem(92px);
    }
    .location-text{
        display:inline-block;
        font-size:rem(14px);
        color:#fff;
        vertical-align: rem(12px);
        margin-left:rem(8px);
        margin-right:rem(19px);
        position:relative;
        &:after{
            content:'';
            display:block;
            position:absolute;
            width:14px;
            height:14px;
            background-image:url(./img/arrowIcon.png);
            background-size:cover;
            right:-15px;
            top:7px;
        }
    }
    .location-icon{
        display:inline-block;
        width:rem(15px);
        height:rem(20px);
        vertical-align: rem(8px);
        margin-left: rem(8px);
        background-image: url(./img/locationIcon.png);
        background-size:cover;
       
    }
    .place-holder{
        font-size:rem(14px);
        color:#999;
        margin-left:28px;
    }
    .search-btn{
        width:170px;
        height:30px;
        line-height:30px;
        background-color:#fff;
        border-radius:20px;
        position:relative;
        &:before{
            content:'';
            display:block;
            position:absolute;
            width:14px;
            height:14px;
            background-image: url(./img/searchIcon.png);
            background-size:cover;
            top:7px;
            left:10px;
        }
    }
}